.header{
	background-color: #f5f5f5;
	.center{
		width: 1190px;
		margin: 0 auto;
		.header-bottom{
			display: flex;
			height: 40px;
			background-color: #f7f7f7;
			justify-content: space-between;
			.ul1{
				width: 220px;
				display: flex;
				justify-content: space-around;
				font-size: 12px;
				line-height: 40px;
				li{
					font-size: 14px;
					span{
						color: deeppink;
						font-size: 16px;
					}
				}
			}
			.ul2{
				width: 800px;
				display: flex;
				justify-content: space-evenly;
				line-height: 40px;
				li:nth-of-type(6){
					ul{
						position: absolute;
						z-index: 10;
						width: 300px;
						#imgLi{
							margin-top: 10px;
							img{
								display: inline-block;
								width: 150px;
							}
						}
					}
				}
				li{
					font-size: 12px;
					.a1{
						color: deeppink;
					}
					.iconfont{
						font-size: 16px;
						color: deeppink;
					}
					ul{
						margin-top: -10px;
						width:60px ;
						display: none;
						position: absolute;
						z-index: 10;
						background-color: white;
						li{
							text-align: center;
							height: 20px;
							margin-bottom: 5px;
						}
					}
				}
				li:nth-of-type(5){
					span{
						color: red;
					}
				}
			}
		}
	}
}

.search{
	border-bottom: 2px solid darkgray;
	.center{
		width: 1190px;
		margin: 0 auto;
		.sea-ul{
			height: 113px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			li:nth-of-type(1){
				width: 180px;
			}
			li:nth-of-type(2){
				width: 520px;
				.p1{
					height: 40px;
					border: 2px solid blue;
					text-align: center;
					select{
						width: 70px;
						height: 100%;
						border: none;
						border-right: 1px dashed darkgoldenrod;
						option{
							border: none;
						}
					}
					input{
						width: 340px;
						height: 100%;
					}
					button{
						display: inline-block;
						width: 96px;
						height: 100%;
						line-height: 32.5px;
						background-color: blue;
					}
				}
				.p2{
					margin-top: 2px;
					span{
						display: inline-block;
						padding: 0px 10px;
						border-right: 1px solid darkgray;
						color: rgba(0,0,0,0.5);
						font-size: 12px;
					}
					span:nth-of-type(7){
						border: none;
					}
				}
			}
			li:nth-of-type(3){
				width: 260px;
				height: 40px;
				position: relative;
				overflow: hidden;
				ul{
					position: absolute;
					top: 0px;
					margin-top: -0px;
					li{
						height: 40px;
						display: flex;
						.left{
							span{
								font-size: 40px;
								color: blue;
							}
						}
						.right{
							font-size: 16px;
							margin-left: 10px;
						}
					}
				}
			}
		}
	}
}

.cart{
	margin-bottom: 40px;
	.center{
		width: 1190px;
		margin:  0 auto;
		.cartTop{
			display: flex;
			justify-content: right;
			align-items: center;
			padding: 20px 0;
			border-bottom: 1px solid darkgray;
		}
		.cartBot{
			>table:first-child{
				padding: 10px;
			}
			table{
				width: 100%;
				text-align: center;
				tr{
					display: flex;
					justify-content: space-evenly;
					td{
						display: flex;
						align-items: center;
						justify-content: center;
						flex-wrap: nowrap;
						padding: 15px 0;
					}
					td:nth-of-type(1){
						min-width: 20px;
					}
					td:nth-of-type(2){
						flex: 1;
						min-width: 300px;
						img{
							width: 100px;
						}
					}
					td:nth-of-type(3){
						min-width: 200px;
					}
					td:nth-of-type(4){
						min-width: 150px;
					}
					td:nth-of-type(5){
						min-width: 150px;
						input{
							width: 40px;
							border: 3px solid darkgray;
							text-align: center;
						}
					}
					td:nth-of-type(6){
						min-width: 100px;
					}
					td:nth-of-type(7){
						min-width: 100px;
						button{
							width: 70px;
						}
					}
				}
			}
		}
	}
}

.footer{
	.center{
		margin: 0 auto;
		width: 1190px;
		img{
			width: 1190px;
		}
	}
}